import { StyleSheet } from "react-native";
import { Color } from "../style/common";

export const Memberbgt = StyleSheet.create({
  mainContainer: {
    position: "relative",
    overflow: "hidden",
    width: "100%"
  },
  h4Title: {
    fontSize: 14,
    color: "#fff",
    fontWeight: "bold"
  },
  profit: {
    width: "100%",
    // height: 135,
    paddingBottom: 10,
    paddingTop: 20,
    backgroundColor: "#44a7d5",
    alignItems: "center"
  },
  profitSpan: {
    fontSize: 26,
    fontWeight: "bold",
    marginTop: 20,
    marginBottom: 20,
    marginLeft: 0,
    marginRight: 0,
    color: "#fff"
  },
  amountText: {
    color: "#fff",
    fontSize: 15,
    paddingTop: 5
  }
});

export const QuotaStyles = StyleSheet.create({
  quotaContainer: {
    position: "relative",
    flexDirection: "row",
    height: 75,
    width: "100%"
  },
  quotaItem: {
    flex: 1,
    paddingTop: 15,
    paddingBottom: 15,
    paddingLeft: 0,
    paddingRight: 0
  },
  itemTitle: {
    textAlign: "center",
    width: "100%",
    color: "gray",
    fontSize: 13,
    height: 22
  },
  itemValue: {
    textAlign: "center",
    width: "100%",
    color: "#000",
    fontSize: 13
  }
});

export const NewSliderContainer = StyleSheet.create({
  newSlider: {
    position: "relative",
    width: "90%",
    height: 40,
    marginLeft: "5%",
    borderRadius: 10,
    overflow: "hidden",
    backgroundColor: Color,
    flexDirection: "row"
  },
  left: {
    width: 35,
    height: 40,
    alignItems: "center",
    justifyContent: "center"
  },
  list: {
    flex: 1
  }
});
